<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>最美家装网</title>
	<link rel="stylesheet" href="style.css">
	<script src="jquery-1.12.3.min.js"></script>
	<script src="js.js"></script>
</head>
<body>
	<div class="main">
		<div class="inner">
			<div class="top">
				<ul class="textUl">
					<li class="textLi active">
						<div class="name">岁月静好</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>85m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥45000</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>31</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/dd75a961a84dbbc465b0d85c9e95dba0.jpg" alt="">
							<p class="manWho">心悦</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>第一次见业主就感觉很亲切，虽然是一名军人，但是很柔和，业主很顾家，要求家居氛围温馨、简约并且遵从夫人的意见。由于房子到手便是精装修，所以设</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>

					<li class="textLi">
						<div class="name">巧颜悦色</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>92m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥75000</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>68</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/d7797d2f367e774fa8ed6ddf947ceaee.jpg" alt="">
							<p class="manWho">李敏</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>很多人对于互联网从业者有一些既定的印象，千篇一律的格子衬衫、宅、刻板木讷、品味掉线……然而理性的逻辑思维、说一不二的原则性、对设计价值的认</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>

					<li class="textLi">
						<div class="name">精品民宿</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>84m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥35000</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>66</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/d7797d2f367e774fa8ed6ddf947ceaee.jpg" alt="">
							<p class="manWho">李敏</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>在北京有个学区中的学区叫海淀，在那里有个地方叫五道口。</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>

					<li class="textLi">
						<div class="name">温馨幸福宅</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>78m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥47271</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>35</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/zhangyajun.png" alt="">
							<p class="manWho">张亚君</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>整个空间色调沉稳、中性、柔软。温馨而又不失时尚感，大方气派如同一杯咖啡奶茶般的存在，咖啡苦涩而甘甜，奶茶温暖而醇厚。</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>

					<li class="textLi">
						<div class="name">暖阳炫彩</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>80m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥45437</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>32</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/duhuilei.jpg" alt="">
							<p class="manWho">杜会雷</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>粉色系热情、温柔并不缺乏理性，硬装并没有过多的表现自己，米白色软装元素在空间中做主角，点缀时尚家具、粉色系地毯、几何纹样的靠包、热情奔放的</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>

					<li class="textLi">
						<div class="name">馨雅新居</div>
						<ul class="introUl">
							<li class="introLI1 ac">
								<p>87m</p>
								<div>面积</div>
							</li>
							<li class="introLI2">
								<p>￥85000</p>
								<div>产品费用</div>
							</li>
							<li class="introLI3">
								<p>87</p>
								<div>产品件数</div>
							</li>
						</ul>
						<div class="picAndP">
							<img src="https://www.zuimeijia.cn/resource/avatar/small/v2/limin.png" alt="">
							<p class="manWho">李敏</p>
							<p class="manWhat">软装设计师</p>
						</div>
						<div class="xiangxi">
							<p>在知乎上曾经有个热帖，“你见过最丑的家装是什么样子的”，见识了各种父母辈的“装修style”，很多8090恨不得还没买房就开始给父母洗脑，跪求新房装修</p>
						</div>
						<span class="watchXiangQing"><a href="">查看详情</a></span>
					</li>
				</ul>
				<div class="picDiv">
					<img class="active" src="https://www.zuimeijia.cn/resource/shared/src/v2/116c65da9e4298a341d2c07fc413fbc1.jpg" alt="">
					<img src="https://www.zuimeijia.cn/resource/shared/src/v2/be9ad878af3cbb6fbe7da339026f32b3.jpg" alt="">
					<img src="https://www.zuimeijia.cn/resource/shared/src/v2/7951cdc430d551d7f33368f5fcb24166.jpg" alt="">
					<img src="https://www.zuimeijia.cn/resource/shared/src/v2/652438e87045b18b2cbcfa75011adcbf.jpg" alt="">
					<img src="https://www.zuimeijia.cn/resource/shared/src/v2/0783890aa8cd3c7ae39e77ed08642afa.jpg" alt="">
					<img src="https://www.zuimeijia.cn/resource/shared/src/v2/b9b0c1d4a3af000760abe09fda5f5324.jpg" alt="">
				</div>
			</div>
			<div class="bot">
				<ul class="thisNav">
					<li class="activeLi"><img src="https://www.zuimeijia.cn/resource/shared/src/v2/116c65da9e4298a341d2c07fc413fbc1.jpg" alt=""></li>
					<li><img src="https://www.zuimeijia.cn/resource/shared/src/v2/be9ad878af3cbb6fbe7da339026f32b3.jpg" alt=""></li>
					<li><img src="https://www.zuimeijia.cn/resource/shared/src/v2/7951cdc430d551d7f33368f5fcb24166.jpg" alt=""></li>
					<li><img src="https://www.zuimeijia.cn/resource/shared/src/v2/652438e87045b18b2cbcfa75011adcbf.jpg" alt=""></li><li><img src="https://www.zuimeijia.cn/resource/shared/src/v2/0783890aa8cd3c7ae39e77ed08642afa.jpg" alt=""></li><li><img src="https://www.zuimeijia.cn/resource/shared/src/v2/b9b0c1d4a3af000760abe09fda5f5324.jpg" alt=""></li>
				</ul>
			</div>
			
		</div>
	</div>
</body>
</html>